function Tab(box){
    /* 最外层的盒子 */
    this.box = document.querySelector(box)
    this.uLis = this.box.querySelectorAll("ul li")
    this.oLis = this.box.querySelectorAll("ol li")
}
Tab.prototype.change = function(){
    //获取每一个ul>li的元素
    for(let i = 0 ; i < this.uLis.length ; i++){
        this.uLis[i].addEventListener("click",()=>{
            //排他思想实现图片的切换
            for(let j = 0 ; j < this.uLis.length ; j++){
                this.uLis[j].classList.remove("active")
                this.oLis[j].classList.remove("active")
            }
            //给点击的这个添加active样式
            this.uLis[i].classList.add("active")
            this.oLis[i].classList.add("active")
        })
    }
}